<template>
	<view>
		<scroll-view scroll-y="true" class="scroll-wrapper">
			<view>
				<view class="wrap">
					<u-form ref="uForm">
						<u-form-item :label-position="labelPosition" label="户型" label-width="60" required
							borderBottom='true'>
							<view class="" @click="selectShow = true">
								<u-input :border="border" type="select" :select-open="selectShow" v-model="shuru"
									disabledColor='#ffffff' disabled='true' placeholder="请选择户型"></u-input>
							</view>
						</u-form-item>
						<u-form-item label-width="60" :label-position="labelPosition" label="面积" required
							borderBottom='true'>
							<u-input :border="border" placeholder="请输入面积" v-model="model.houseArea"
								type="number"></u-input>
						</u-form-item>
						<u-form-item label-width="60" :label-position="labelPosition" label="租金" required
							borderBottom='true'>
							<!-- <u-input :border="border" placeholder="请输入租金" v-model="model.price" type="number"></u-input> -->
							<u-input placeholder="请输入租金" clearable type="digit" :border="border"
								v-model="model.price"></u-input>
						</u-form-item>

						<u-form-item :label-position="labelPosition" label="房源图片" label-width="80" required
							borderBottom='true'>
							<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
								:maxCount="10"></u-upload>
						</u-form-item>
						<u-form-item label-width="90" :label-position="labelPosition" label="付款方式" prop="payType"
							required borderBottom='true' :leftIconStyle="{color:'#d5d5d5'}">
							<view class="" @click="actionSheetShow = true">
								<u-input :border="border" type="select" v-model="model.payType" disabled='true'
									disabledColor='#ffffff' placeholder="请选择付款方式"></u-input>
							</view>
						</u-form-item>
						<u-form-item label-width="75" :label-position="labelPosition" label="钥匙类别" borderBottom='true'
							required @click="unlocking">
							<u-input type="textarea" :border="border" placeholder="请选择电子密码/实体钥匙" disabled='true'
								disabledColor='#ffffff' v-model="model.isPhysicalKey" />
						</u-form-item>
						<u-form-item v-if="model.isPhysicalKey=='电子密码'" label-width="75" :label-position="labelPosition"
							label="房源电子密码" required borderBottom='true'>
							<uni-easyinput type="password" v-model="model.keyType" :inputBorder="false"
								placeholder="房源电子密码"></uni-easyinput>
						</u-form-item>
						<u-form-item v-if="model.isPhysicalKey=='实体钥匙'" label-width="102"
							:label-position="labelPosition" label="托管人选择" required borderBottom='true'>
							<uni-data-select class="noborder" v-model="model.custodian" :localdata="range"
								@change="change" placeholder="请选择托管人"></uni-data-select>
						</u-form-item>
						<u-form-item v-if="model.isPhysicalKey=='实体钥匙'" label-width="102"
							:label-position="labelPosition" label="托管人地址/钥匙托管门店" required borderBottom='true'>
							<u-input :border="border" placeholder="请输入门店具体地址以及门头" v-model="model.keyAddress"
								type="textarea"></u-input>
						</u-form-item>
						<u-form-item v-if="model.isPhysicalKey=='实体钥匙'" label-width="102"
							:label-position="labelPosition" label="托管人电话/钥匙托管门店" required borderBottom='true'>
							<u-input :border="border" placeholder="请输入钥匙托管门店电话" v-model="model.keyPassword"
								type="number"></u-input>
						</u-form-item>
						<u-form-item label-width="120" :label-position="labelPosition" label="收租人手机号码" required
							borderBottom='true'>
							<u-input :border="border" placeholder="请输入收租人的手机号码" v-model="model.ownerPhone"
								type="number"></u-input>
						</u-form-item>
						<u-form-item label-width="75" :label-position="labelPosition" label="房源亮点" required>
							<u-checkbox-group v-model="checkboxValue1" placement="row" @change="checkboxGroupChange"
								activeColor="#FFDA00">
								<u-checkbox :customStyle="{marginBottom: '8px',width: '100px',}"
									v-for="(item, index) in checkboxList" :key="index" :label="item.name"
									:checked="item.checked" :name="item.name">
								</u-checkbox>
							</u-checkbox-group>
						</u-form-item>
						<!-- 以下为非必填 -->
						<view class="custom-gap"></view>
						<u-collapse>
							<u-collapse-item title="可选填更多详细信息">
								<u-form-item label-width="75" :label-position="labelPosition" label="房源描述"
									borderBottom='true'>
									<u-input type="textarea" :border="border" placeholder="请填写房屋描述"
										v-model="model.introduce" />
								</u-form-item>
								<u-form-item label-width="75" :label-position="labelPosition" label="起租日期"
									borderBottom='true'>
									<view class="dateBtn" @click="dateClick">
										{{dateLabel}} >
									</view>
								</u-form-item>
								<!-- 这里增加 -->
								<!-- <view class="custom-gap"></view> -->
								<u-form-item label-width="75" :label-position="labelPosition" label="租期"
									borderBottom='true'>
									<u-input :border="border" placeholder="请输入您的最短租期(月)" v-model="model.rentDate"
										type="number"></u-input>
								</u-form-item>
								<u-form-item label-width="90" :label-position="labelPosition" label="实际收租人姓名"
									borderBottom='true'>
									<u-input :border="border" placeholder="请输入收租人的真实姓名" v-model="model.ownerName"
										type="textarea"></u-input>
								</u-form-item>
								<!-- 增加 -->
								<u-form-item label-width="90" :label-position="labelPosition" label="房东的姓名"
									borderBottom='true'>
									<u-input :border="border" placeholder="请输入房东的真实姓名" v-model="model.site"
										type="textarea"></u-input>
								</u-form-item>
								<!-- 直到这里 -->
								<u-form-item :label-position="labelPosition" label="业主权益证明及授权凭证" label-width="120"
									borderBottom='true'>
									<u-upload :fileList="fileList2" @afterRead="afterRead2" @delete="deletePic2"
										name="1" multiple :maxCount="10"></u-upload>
								</u-form-item>
								<u-form-item label-width="100" :label-position="labelPosition" label="收租人身份证"
									borderBottom='true'>
									<u-input :border="border" placeholder="请输入收租人的身份证" v-model="model.ownerIdCard"
										type="idcard"></u-input>
								</u-form-item>
							</u-collapse-item>
						</u-collapse>
						<!-- 直到这里 -->
						<view class="custom-gap"></view>
						<view>
							<u-radio-group v-model="radiovalue1" placement="column" @change="groupChange"
								activeColor='#FFDA00'>
								<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist1"
									labelColor='red' :key="index" :label="item.name" :name="item.name"
									@change="radioChange">
								</u-radio>
							</u-radio-group>
						</view>
					</u-form>
				</view>
			</view>
		</scroll-view>
		<u-picker :show="selectShow" :columns="selectList" @confirm="selectConfirm" keyName="label"
			@cancel="abolish"></u-picker>
		<!-- 日历 -->
		<u-calendar :show="showss" @confirm="changeDate" :mode="mode" @close='showss=false'></u-calendar>
		<u-action-sheet :actions="actionSheetList" :show="actionSheetShow" cancelText='取消' @select="actionSheetCallback"
			@close='remove'></u-action-sheet>
		<view class="bottom-btn" v-if="model.code == undefined">
			<button style="background-color: #FFDA00;height: 40px;font-size: 16px;" @click="submit">上传房源</button>
		</view>
		<view class="bottom-btn" v-else>
			<button style="background-color: #FFDA00;height: 40px;font-size: 16px;" @click="submitone">修改房源</button>
		</view>
	</view>
</template>

<script>
	import {
		urlHead
	} from "@/serve/serve.js" // 全局配置文件
	import {
		test
	} from '@/uni_modules/uview-plus';
	import {
		post,
		get
	} from '@/serve/method.js'
	export default {
		props: {
			model: Object
		},
		data() {
			return {
				// 下拉选择框
				range: [{
						value: 0,
						text: "物业管"
					},
					{
						value: 1,
						text: "房东自己管"
					},
					{
						value: 2,
						text: "门店管"
					},
					{
						value: 3,
						text: "已认证社区共享员（平台推荐）"
					},
				],
				// 以上是下拉选择框
				fileList1: [],
				fileList2: [],
				showss: false,
				mode: 'single',
				shuru: '',
				selectList: [
					[{
							value: '一室',
							label: '一室'
						},
						{
							value: '二室',
							label: '二室'
						},
						{
							value: '三室',
							label: '三室'
						},
						{
							value: '四室',
							label: '四室'
						}
					],
					[{
							value: '',
							label: ''
						},
						{
							value: '一厅',
							label: '一厅'
						},
						{
							value: '二厅',
							label: '二厅'
						},
						{
							value: '三厅',
							label: '三厅'
						}
					],
					[{
							value: '',
							label: ''
						},
						{
							value: '一卫',
							label: '一卫'
						},
						{
							value: '二卫',
							label: '二卫'
						}
					],
				],
				border: false,
				check: false,
				selectStatus: 'close',
				checkboxValue1: [],
				checkboxList: [{
						name: "自助看房",
						checked: true,
						disabled: false
					},
					{
						name: "钥匙自取",
						checked: true,
						disabled: false
					},
					{
						name: '看房方便',
						checked: false,
						disabled: false
					},
					{
						name: '独卫',
						checked: false,
						disabled: false
					},
					{
						name: '独立阳台',
						checked: false,
						disabled: false
					},
					{
						name: '精装修',
						checked: false,
						disabled: false
					},
					{
						name: '智能锁',
						checked: false,
						disabled: false
					},
					{
						name: '可短租',
						checked: false,
						disabled: false
					},
					{
						name: '首次出租',
						checked: false,
						disabled: false
					},
					{
						name: '免物业费',
						checked: false,
						disabled: false
					},
					{
						name: '民用水电',
						checked: false,
						disabled: false
					}
				],
				selectShow: false,
				radioCheckWidth: 'auto',
				radioCheckWrap: false,
				labelPosition: 'left',
				actionSheetShow: false,
				dateLabel: '随时入住',
				// 服务器地址
				action: urlHead + '/common/upload',
				actionSheetList: [{
						name: '月付'
					},
					{
						name: '季付'
					},
					{
						name: '半年付'
					},
					{
						name: '年付'
					}
				],
				checkboxValue2: [],
				radiolist1: [
					// {
					// 	name: '对优质诚信客户能否押金分期（平台承保）',
					// 	disabled: false,
					// 	value: '1',
					// },
					{
						name: '对优质诚信客户能否押一付一（平台承保）',
						disabled: false,
						value: '0',
					},
					// {
					// 	name: '对优质诚信客户能否免押金租住（平台承保）',
					// 	disabled: false,
					// 	value: '2',
					// },
				],
			};
		},
		mounted() {
			console.log('姿势')
			this.checkboxGroupChange(['无人带看', '钥匙自取'])
		},
		methods: {
			// 下拉选择框
			change(e) {
				console.log("e:", e);
				console.log('eeee', this.model.custodian)
			},
			// 增加
			unlocking() {
				let that = this
				uni.showActionSheet({
					itemList: ['实体钥匙', '电子密码'],
					success: function(res) {
						console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
						if ((res.tapIndex + 1) == 1) {
							that.model.isPhysicalKey = '实体钥匙'
						}
						if ((res.tapIndex + 1) == 2) {
							that.model.isPhysicalKey = '电子密码'
						}
					},
					fail: function(res) {
						console.log(res.errMsg);
					}
				});
			},
			// 这里增加
			deletePic2(event) {
				this.fileList2.splice(event.index, 1);
			},
			async afterRead2(event) {
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file);
				let fileListLen = this.fileList2.length;
				lists.map((item) => {
					this.fileList2.push({
						...item,
						status: 'uploading',
						message: '上传中',
					});
				});
				for (let i = 0; i < lists.length; i++) {
					console.log(lists[i].url, 7777)
					const result = await this.uploadFilePromise(lists[i].url);
					let item = this.fileList2[fileListLen];
					this.fileList2.splice(fileListLen, 1, {
						...item,
						status: 'success',
						message: '',
						url: result,
					});
					fileListLen++;
					// tableContent.idVersoUrl = this.fileList2[0].url

					let imageListtwo = this.fileList2.map(val => {
						return val.url
					})
					this.model.ownerVoucherUrl = imageListtwo.join(',')
					console.log(this.model.ownerVoucherUrl, '凭证图片总')
				}
			},
			// 直到这里
			radioChange(n) {
				console.log('radioChange', n);
				let value = ''
				// if (n == '能否押金分期') {
				// 	value = 1
				// 	this.model.cashPledge = value
				// }
				if (n == '能否押一付一') {
					value = 0
					this.model.cashPledge = value
				}
				// if (n == '能否免押金租住') {
				// 	value = 2
				// 	this.model.cashPledge = value
				// }
			},
			// 点击actionSheet回调
			actionSheetCallback(index) {
				console.log(index, 88888)
				// uni.hideKeyboard();
				this.model.payType = index.name
				this.actionSheetShow = false
			},
			remove() {
				this.actionSheetShow = false
			},
			abolish() {
				this.selectShow = false
			},
			// 删除图片
			deletePic(event) {
				this.fileList1.splice(event.index, 1);
			},
			// 新增图片
			async afterRead(event) {
				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
				let lists = [].concat(event.file);
				let fileListLen = this.fileList1.length;
				lists.map((item) => {
					this.fileList1.push({
						...item,
						status: 'uploading',
						message: '上传中',
					});
				});
				for (let i = 0; i < lists.length; i++) {
					console.log(lists[i].url, 7777)
					const result = await this.uploadFilePromise(lists[i].url);
					let item = this.fileList1[fileListLen];
					this.fileList1.splice(fileListLen, 1, {
						...item,
						status: 'success',
						message: '',
						url: result,
					});
					fileListLen++;
					console.log(this.fileList1, '房源图片总')
				}
			},
			uploadFilePromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: this.action,
						filePath: url,
						name: 'file',
						formData: {
							user: 'test',
						},
						success: (res) => {
							console.log(JSON.parse(res.data).url, '图片')
							setTimeout(() => {
								resolve(JSON.parse(res.data).url);
							}, 1000);
						},
					});
				});
			},
			submitone() {
				if (test.isEmpty(this.model.houseType)) {
					return wx.showToast({
						title: '请选择户型',
						icon: 'none',
						duration: 2000
					})
				}
				if (test.isEmpty(this.model.houseArea)) {
					return uni.showToast({
						title: '请输入面积',
						duration: 2000,
						icon: 'none',
					});
				}
				if (test.isEmpty(this.model.price)) {
					return uni.showToast({
						title: '请输入租金',
						duration: 2000,
						icon: 'none',
					});
				}
				if (test.isEmpty(this.model.isPhysicalKey)) {
					return wx.showToast({
						title: '请选择电子密码/实体密码',
						icon: 'none',
						duration: 2000
					})
				}
				if (this.fileList1.length < 5) {
					return wx.showToast({
						title: '请至少选择五张房源图片',
						icon: 'none',
						duration: 2000
					})
				}
				// 这里增加
				// if (test.isEmpty(this.model.site)) {
				// 	return wx.showToast({
				// 		title: '请输入房东的真实姓名',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.ownerName)) {
				// 	return wx.showToast({
				// 		title: '请输入收租人的真实姓名',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				if (test.isEmpty(this.model.ownerPhone)) {
					return wx.showToast({
						title: '请输入收租人的手机号码',
						icon: 'none',
						duration: 2000
					})
				}
				// if (test.isEmpty(this.model.ownerIdCard)) {
				// 	return wx.showToast({
				// 		title: '请输入房东的身份证',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.keyAddress)) {
				// 	return wx.showToast({
				// 		title: '请输入钥匙管理门店的地址',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.keyPassword)) {
				// 	return wx.showToast({
				// 		title: '请输入钥匙管理门店的电话号码',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// let imageListtwo = this.fileList2.map(val => {
				// 	return {
				// 		imgUrl: val.url,
				// 		imageSize: val.size
				// 	}
				// })
				// this.model.houseHall = imageListtwo
				// 直到这里
				let imageList = this.fileList1.map(val => {
					return {
						imgUrl: val.url,
						imageSize: val.size
					}
				})
				this.model.imageList = imageList
				if (test.isEmpty(this.model.featureList)) {
					return wx.showToast({
						title: '请至少选择一个房源亮点',
						icon: 'none',
						duration: 2000
					})
				}
				console.log(this.model, 89898)
				this.model.type = 0
				let url = "/api/house/cacelPushHouse";
				this.model.user = null
				post(url, this.model).then(data => {
					uni.reLaunch({
						url: '/pages/homepage/index'
					});

				});
			},
			submit() {
				if (test.isEmpty(this.model.houseType)) {
					return wx.showToast({
						title: '请选择户型',
						icon: 'none',
						duration: 2000
					})
				}
				if (test.isEmpty(this.model.houseArea)) {
					return uni.showToast({
						title: '请输入面积',
						duration: 2000,
						icon: 'none',
					});
				}
				if (test.isEmpty(this.model.price)) {
					return uni.showToast({
						title: '请输入租金',
						duration: 2000,
						icon: 'none',
					});
				}
				// if (test.isEmpty(this.model.keyType)) {
				// 	return wx.showToast({
				// 		title: '请输入钥匙地址或电子密码',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				if (this.fileList1.length < 5) {
					return wx.showToast({
						title: '请至少选择五张房源图片',
						icon: 'none',
						duration: 2000
					})
				}
				if (test.isEmpty(this.model.isPhysicalKey)) {
					return wx.showToast({
						title: '请选择电子密码/实体密码',
						icon: 'none',
						duration: 2000
					})
				}
				// 这里增加
				// if (test.isEmpty(this.model.site)) {
				// 	return wx.showToast({
				// 		title: '请输入房东的真实姓名',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.ownerName)) {
				// 	return wx.showToast({
				// 		title: '请输入收租人的真实姓名',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				if (test.isEmpty(this.model.ownerPhone)) {
					return wx.showToast({
						title: '请输入收租人的手机号码',
						icon: 'none',
						duration: 2000
					})
				}
				// if (test.isEmpty(this.model.ownerIdCard)) {
				// 	return wx.showToast({
				// 		title: '请输入房东的身份证',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.keyAddress)) {
				// 	return wx.showToast({
				// 		title: '请输入钥匙管理门店的地址',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// if (test.isEmpty(this.model.keyPassword)) {
				// 	return wx.showToast({
				// 		title: '请输入钥匙管理门店的电话号码',
				// 		icon: 'none',
				// 		duration: 2000
				// 	})
				// }
				// let imageListtwo = this.fileList2.map(val => {
				// 	return {
				// 		imgUrl: val.url,
				// 		imageSize: val.size
				// 	}
				// })
				// this.model.houseHall = imageListtwo
				// 直到这里
				let imageList = this.fileList1.map(val => {
					return {
						imgUrl: val.url,
						imageSize: val.size
					}
				})
				this.model.imageList = imageList
				let checkboxList = this.checkboxList;
				const featureArray = [];
				for (let i = 0; i < checkboxList.length; i++) {
					const checkboxListElement = checkboxList[i];
					if (checkboxListElement.checked === true) {
						featureArray.push(checkboxListElement.name)
					}
				}
				console.log(featureArray, "aaaaaaaaaaaaaa")
				this.model.featureArray = featureArray
				if (test.isEmpty(this.model.featureList)) {
					return wx.showToast({
						title: '请至少选择一个房源亮点',
						icon: 'none',
						duration: 2000
					})
				}
				console.log(this.model, 89898)
				this.model.type = 0
				let that = this
				// 这里是认证
				uni.getStorage({
					key: 'lifeData',
					success: function(res) {
						let url = "/api/user/selectUserById"
						get(url, {
							userId: res.data.vuex_user.userId
						}).then((res) => {
							console.log(res.data.authStatus, "验证")
							// uni.showModal({
							// 	title: '温馨提示',
							// 	content: '发布房源免费，房屋出租之后会有3-7日酬谢费,其中5日酬谢费会给予分享员',
							// 	success: function(tishi) {
							// 		if (tishi.confirm) {
							let url = "/api/house/saveHouse";
							post(url, that.model).then(data => {
								uni.showModal({
									title: '提示',
									content: data.msg,
									success: function(res) {
										if (res.confirm) {
											uni.reLaunch({
												url: '/pages/homepage/index'
											});
										}
									}
								});
							});
							// 		}
							// 	}
							// });
						})
					},
					fail: function(res) {
						if (res.errMsg == 'getStorage:fail data not found') {
							uni.reLaunch({
								url: '/pages/index/index'
							});
						}
					}
				})
				// 以下房源上传之后合同签署
				// this.model.state = 4
				// let url = "/api/house/saveHouse";
				// post(url, this.model).then(data => {
				// 	let fileList = JSON.stringify(data)
				// 	uni.navigateTo({
				// 		url: '/pages/detail/yanzhen?id=' +
				// 			encodeURIComponent(fileList),
				// 	});
				// });
			},
			// 选择类型回调
			selectConfirm(e) {
				this.model.houseType = ''
				e.value.map((val, index) => {
					if (index == 0) {
						this.model.houseNum = val.label;
					} else if (index == 1) {
						this.model.houseHall = val.label;
					} else if (index == 2) {
						this.model.toiletNum = val.label;
					}
					this.model.houseType += val.label;
				})
				this.shuru = this.model.houseType
				this.selectShow = false
			},
			// // 点击actionSheet回调
			// actionSheetCallback(index) {
			// 	uni.hideKeyboard();
			// 	this.model.stepType = this.actionSheetList[index].text;
			// },
			// checkbox选择发生变化
			checkboxGroupChange(e) {
				console.log(e, 9999)
				let that = this
				let one = e.filter((item, index) => {
					return item == '无人带看'
				})
				if (one.length == 0) {
					that.checkboxList[0].checked = false
				}
				let two = e.filter((item, index) => {
					return item == '钥匙自取'
				})
				if (two.length == 0) {
					that.checkboxList[1].checked = false
				}
				let featureList = e.map(val => {
					return {
						feature: val
					}
				})
				this.model.featureList = featureList
			},
			borderChange(index) {
				this.border = !index;
			},
			labelPositionChange(index) {
				this.labelPosition = index == 0 ? 'left' : 'top';
			},
			codeChange(text) {
				this.codeTips = text;
			},
			dateClick() {
				this.showss = true
				console.log(this.showss, 888)
			},
			changeDate(e) {
				this.model.startDate = e[0]
				this.dateLabel = e[0]
				this.showss = false
			}
		}
	};
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>
<style scoped lang="scss">
	.wrap {
		padding: 0 30rpx 30rpx;
	}

	.noborder {
		border: none;
		/* 去掉边框 */
		outline: none;
		/* 去掉外边框 */
	}

	.scroll-wrapper {
		position: absolute;
		left: 0rpx;
		right: 0rpx;
		top: 0rpx;
		bottom: 120rpx;

	}

	.bottom-btn {
		position: fixed;
		bottom: 8rpx;
		width: calc(100vw - 60rpx);
		padding: 30rpx;
		border-top: 1rpx solid #ccc;
		background-color: #FFFFFF;
		z-index: 99;
	}

	.dateBtn {
		color: #606266;
		display: flex;
		margin-top: 30px;
		flex-direction: row-reverse;
	}

	.slot-btn {
		width: 160rpx;
		height: 160rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgb(244, 245, 246);
		border-radius: 10rpx;
	}

	.slot-btn__hover {
		background-color: rgb(235, 236, 238);
	}

	.custom-gap {
		width: 1000rpx;
		height: 10rpx;
		margin: 0 -200rpx 0 -200rpx;
		background-color: rgb(235, 236, 238);
	}
</style>